<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>西京文交所管理端-添加藏品</title>
    <link rel="stylesheet" href="../../static/iconfont/iconfont.css" >
    <link rel="stylesheet" href="../../static/frameset.css" >
</head>
<body>

    <div id="J_wrap" class="m_wrap m_box_v p_form none">
        <div class="m_top">
            <headers v-on:callback="headerHandle" :userobj.sync="userobj"></headers>
        </div>
        <div class="m_content m_flex1 m_box">
            <menunav index="setting" sub="main" :navobj.sync="userobj.group_acl"></menunav>
            <div class="container m_flex1 m_over">
                <ul class="breadcrumbs">
                    <li><span>系统设置</span>&gt;</li>
                    <li><a href="manage.html">角色</a>&gt;</li>
                    <li class="on">{{ id ? '修改' : '添加' }}角色</li>
                </ul>
                <table class="m_fmtable manage_table">
                    <tbody>
                        <tr>
                            <th>角色名称：</th>
                            <td>
                                <input class="m_input" type="text" v-model="res.group_name">
                            </td>
                        </tr>
                        <tr>
                            <th>角色说明：</th>
                            <td>
                                <textarea class="m_input" v-model="res.desc" cols="30" rows="10"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <th>权限配置：</th>
                            <td>
                                <ul class="auth_list">
                                    <li v-for="item in authority">
                                        <div class="m_check {{ item.isOwn ? 'on' : '' }}" v-on:click="allSelect(item.isOwn = !item.isOwn,item)">{{ item.name }}</div>
                                        <ul v-if="item.child.length > 0">
                                            <li v-for="sub in item.child">
                                                <div class="m_check {{ sub.isOwn ? 'on' : '' }}" v-on:click="subSelect(sub.isOwn = !sub.isOwn,sub,item)">{{ sub.name }}</div>
                                                <ul v-if="sub.child.length > 0">
                                                    <li v-for="root in sub.child">
                                                        <div class="m_check {{ root.isOwn ? 'on' : '' }}" v-on:click="childSelect(root.isOwn = !root.isOwn,sub,item)">{{ root.name }}</div>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                        <tr>
                            <th colspan="2">
                                <div class="tc"> <button class="m_btn" v-on:click="submit">提交</button> </div>
                            </th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>


    <script src="../../js/plugins/zepto/zepto.min.js"></script>
    <script src="../../js/plugins/vue/vue.min.js"></script>
    <script src="../../js/plugins/seajs/sea.js"></script>
    <script src="../../js/plugins/seajs/seajs-text.js"></script>

    <script>
        seajs.use( "../../js/page/setting/manage_add" );
    </script>

</body>
</html>
